<template>
	<div class="photo">
		<div class="img">
			
		</div>
	</div>
</template>

<script>
export default {
  name: 'YRPhoto',
  props: {
	list:{
		type: Array,
		// default: function () { return [] }
		default: () => []
	}
  }
}
</script>

<style lang="stylus" scoped="scoped">
.photo
	background #Fff
	border-radius 10px
	overflow hidden
	box-shadow 0 0 0 1px rgba(0,0,0,.02), 0 4px 10px rgba(0,0,0,.06)
	.img
		width 100%
		height 300px
		background-image url(../../common/img/user_center/avatar.jpg)
		background-position center
		background-size cover
</style>
